*{font-family: "PingFang SC", "Helvetica Neue", Helvetica,"Hiragino Sans GB", Arial, "Microsoft YaHei", "微软雅黑", sans-serif,"Segoe UI Emoji", "Segoe UI Symbol";}
.lph-link-color{color: #029789 !important;}
.lph-iocn-close{width: 20px;height: 20px;border-radius: 60%;position: absolute;top: -10px;right: -10px;}



@media only screen and (max-width: 767px){
.layui-container {padding: 0; }
}
/* header begin */
header{margin-bottom: 30px;}
header .logo img{margin-top: 15px;height: 30px;}
/* header end */

/*adopt-index begin */
.adopt-index-banner{position: relative;}
.adopt-index-banner video{width: 100%;height: auto;}
.adopt-index-query{background: #FFFFFF;padding: 20px;}
.adopt-index-query .lph-query-item{margin-top: 10px;}
.adopt-index-query .query-button{display: inline-block;padding: 12px 15px;color: #273444;font-size: 13px;line-height: 5px;cursor: pointer;margin: 0 5px 13px;}
.adopt-index-query .query-button.active{border-radius: 2px;background: #029789;color: #fff;}



.adopt-index-card  {margin-top: 20px;}
.adopt-index-card .layui-card-header{height: 37px;border-bottom: solid 2px #D6D6D6;position: relative;line-height: 37px;background-color: #fff;padding: 5px 15px;}
.adopt-index-card .layui-card-header h2{display: inline-block;}
.adopt-index-card .layui-card-header span{float: right;font-size: 15px;padding-top: 5px;color: #666;}
.adopt-index-card .layui-card-header span .num{margin: 0 5px;color: #4289db;}
.adopt-index-card .layui-card-body{padding: 0;}
.adopt-index-card .layui-card-body .item{height: auto;line-height: 22px;border-bottom: 1px dotted #e2e2e2;    background-color: #fff; padding: 15px 15px;margin:0px 0px 0px 0px;}
.adopt-index-card .layui-card-body .item-img .uuid{position: absolute;left: 10px;top: 10px;padding: 3px 5px;background: rgba(91, 91, 91, .6);color: #fff;font-size: 12px;border-radius: 2px;font-weight: 700;}
.adopt-index-card .layui-card-body .item-img{overflow: hidden;max-height: 150px;display: flex;align-items: center;}
.adopt-index-card .layui-card-body .item-img img{width: 100%;}
.adopt-index-card .layui-card-body .item-text{padding-top: 0px;padding-left: 20px;}
.adopt-index-card .layui-card-body .item-text .title{padding: 0px 10px 0px 0px;line-height: 37px}
.adopt-index-card .layui-card-body .item-attr{height: 26px;line-height: 25px;font-size: 13px;color: #b8b8b8;padding-top: 10px;}
.adopt-index-card .layui-card-body .item-attr .portrait{border-radius: 2px}
.adopt-index-card .layui-card-body .item-desc{font-size: 14px;line-height: 1.6;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.adopt-index-card .layui-card-body .item-attr1{height: 36px;line-height: 36px;border-top: 1px solid #E7E7E7;background-color: #F3F5F7;padding: 0 10px;overflow: hidden;}
.adopt-index-card .layui-card-body .item-attr1 .jump{font-size: 13px;text-align: center;border-left: 1px solid #E7E7E7;}
.adopt-index-card .layui-card-body .more{height: 50px;font-size: 17px;background-color: #ffffff;color: #333;}

@media only screen and (max-width: 767px){
.adopt-index-card .layui-card-header{margin: 0px 3px 0px 3px;}
.adopt-index-card .layui-card-body .item{padding: 0px 0px 0px 0px;margin:0px 3px 15px 3px;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3)}
.adopt-index-card .layui-card-body .item-text{padding-top: 0px;padding-left: 0px;}
.adopt-index-card .layui-card-body .item-text .title{padding: 10px 10px 10px 10px;line-height: 37px}
.adopt-index-card .layui-card-body .item-img {max-height: 200px;}

}

.adopt-detail-card .layui-card-header{height: auto;}
.adopt-detail-card .layui-card-header.card-header-first{padding: 30px 20px 20px 20px;background-color: white;}
.adopt-detail-card .layui-card-header.card-header-first .title{display: inline-block;}
.adopt-detail-card .card-header-first .card-header-attr1{color: #2D3238;font-size: 14px;}
.adopt-detail-card .card-header-first .card-header-attr1 .no{border-radius: 3px;background-color: #8796A8;color: #fff;font-size: 10px;padding: 3px 4px;margin-right: 6px;}
.adopt-detail-card .card-header-first .card-header-attr2{color: #2D3238;font-size: 14px;margin-top: 15px;}
.adopt-detail-card .card-header-first .card-header-attr2 span{padding: 0 5px 0 5px;color: #979FA8;height: 25px;line-height: 25px;}
/* .adopt-detail-card .card-header-first .card-header-attr2 .header-attr2-left .cate{border-left: 0;} */
.adopt-detail-card .card-header-second{padding-left: 30px;background-color: #f0f2f5;}
.adopt-detail-card .card-header-second span{margin-right: 10px;color: #979FA8;}
.adopt-detail-card .card-header-second .num{margin-left: 10px}
.adopt-detail-card .layui-card-body{border-top: 1px solid hsla(212, 9%, 63%, .2);padding: 20px 40px 40px 40px;}
.adopt-detail-card .layui-card-body .card-body-img-item{overflow: hidden;max-height: 370px;padding: 3px;display: flex;align-items: center;}
.adopt-detail-card .layui-card-body fieldset{margin-top: 30px}
.adopt-detail-card .layui-card-body .step .text dl{line-height: 2.2;margin-top: 10px;}
@media only screen and (max-width: 767px){
	.adopt-detail-card .layui-card-header.card-header-first .title{font-size: 17px}
	.adopt-detail-card .card-header-first .card-header-attr2{display: flex;flex-direction: column-reverse;}
	.adopt-detail-card .card-header-first .card-header-attr2 .header-attr2-left .free{border-left: 0;}
	.adopt-detail-card .card-header-first .card-header-attr2 .header-attr2-right{margin-bottom: 20px;}
	.adopt-detail-card .card-header-first .card-header-attr2 span{color: #979FA8;height: 25px;line-height: 25px;text-align: left;padding-left: 20px;}
	.adopt-detail-card .card-header-second{padding: 10px 30px;}
	.adopt-detail-card .card-header-second div{height: 35px;line-height: 35px;text-align:center;}
	.adopt-detail-card .layui-card-body{padding: 10px 10px 20px 10px;}
	.adopt-detail-card .layui-card-body .step .text {padding-left: 20px;} 
	.adopt-detail-card .layui-card-body .step .img {text-align: center;} 
}


.adopt-create-card{}
.adopt-create-card .card-header{padding: 30px 20px 20px 20px;height: auto;text-align: center;}
.adopt-create-card .card-body{padding: 0px 100px 30px 100px;overflow: auto;}
.adopt-create-card .card-body .card-body-group{border-bottom: 2px solid #f6f6f6;padding: 30px 0px 20px 0px;}
.adopt-create-card .card-body .card-body-submit{padding: 30px 0px 20px 0px;}
.adopt-create-card .layui-form-item{}
.adopt-create-card .layui-input-inline{width: 170px;}
.adopt-create-card .no-label .layui-input-block{margin-left: 0px;}
.adopt-create-card .card-form-label{float: left;display: block;padding: 9px 15px;font-weight: 400;line-height: 20px;}
.adopt-create-card .card-form-upload{float: left;display: block;padding: 9px 0px;font-weight: 400}
.adopt-create-card .card-form-upload .image-upload{height: 190px; padding:0px;overflow: hidden;max-height:190px;}
.adopt-create-cropper #cropper-image{ width: 500px; height: 600px; }
@media only screen and (max-width: 767px){
	.adopt-create-card .card-body{padding: 10px 15px;overflow: auto;}
	.adopt-create-cropper #cropper-image{ width: 320px; height: 450px; }
}
/*adopt end */



/* blog begin */
.blog-index-card .card-header-first{padding: 10px 20px;height: auto;}
.blog-index-card .card-header-first .card-header-attribute a{padding: 6px 10px;margin-right: 5px;border-radius: 5px;cursor: pointer;border: 1px solid transparent;transition: all .3s;text-decoration: none;color: #333;}
.blog-index-card .card-header-first .card-header-attribute a:hover{border: 1px solid hsla(212, 9%, 63%, .2);}
.blog-index-card .card-header-first .card-header-attribute .active{border: 1px solid #f0f2f5;background: hsla(212, 9%, 63%, .2);}
.blog-index-card .card-header-second{padding: 5px 20px;overflow: hidden;background: #f0f2f5;}
.blog-index-card .card-header-second a{padding: 6px 10px;margin-right: 5px;}
.blog-index-card .card-body{padding: 0px 15px 10px 15px;}
.blog-index-card .layui-card-body .card-body-item{margin-left: 10px;border-bottom: 1px solid hsla(212, 9%, 63%, .2);padding: 10px 5px 10px 5px;}
.blog-index-card .layui-card-body .card-body-item:last-child{/* border-bottom: 0px; */}
.blog-index-card .layui-card-body .card-body-item .card-body-attribute{font-size: 12px;color: #979fa8;text-align: right}
.blog-index-card .layui-card-body .card-body-item .card-body-attribute span{margin: 0px 2px;}
.blog-index-card .layui-card-body .card-body-item .card-body-attribute .count{margin-right: 5px;background: #f0f2f5;line-height: 5px;padding: 0px 5px 0px 5px;color: #979fa8;}

.blog-detail-card .layui-card-header{padding: 15px;border-bottom: 0;}
.blog-detail-card .layui-card-header .lph-list-text{line-height: 26px;padding-left: 10px;}
.blog-detail-card .layui-card-header .lph-list-text .lph-list-name{font-size: 16px;line-height: 23px;color: #414952;}
.blog-detail-card .layui-card-header .lph-list-text .lph-list-attribute{font-size: 12px;color: #979fa8;}
.blog-detail-card .layui-card-header .lph-list-text .lph-list-attribute span{margin-right: 8px;}
.blog-detail-card .layui-card-body{border-top: 1px solid hsla(212, 9%, 63%, .2);padding: 20px 40px 40px 40px;}

@media only screen and (max-width: 767px){
.blog-index-card .layui-card-body .card-body-item .card-body-attribute{text-align: left;}
}
/* blog end */







.user-account-card {background-color: #fff;}
.user-account-card .account-header{padding: 30px 20px 20px 20px; height: auto; text-align: center;}
.user-account-card .account-body ul{padding: 30px 20px 20px 20px; height: auto; border-top: 1px solid #d8dde4;}
.user-account-card .account-body ul:first-child{border-top: 0;}
.user-account-card .account-body ul li{margin-bottom: 12px; line-height: 20px;list-style: none;}
.user-account-card .account-header img{width: 128px; height: 128px;}

.user-account-operate{background-color: #fff;padding: 30px 10px 10px 30px;}
.user-account-operate .card-body .card-body-item{/* padding: 10px 0px 10px 0px; */}
.user-account-operate .card-body .card-body-item .portrait img{border: 1px dashed #e2e2e2; background-color: #f7f5f5; border-radius: 5px;}
.user-account-operate .card-body .card-body-item .portrait button{margin: 8px 0px;}
.user-account-operate .no-label .layui-input-block{margin-left: 0px;}
.user-account-operate .card-form-label{float: left;display: block;padding: 9px 15px;font-weight: 400;line-height: 20px; text-align: left;}

.user-account-cropper #cropper-image{ width: 400px; height: 500px; }
@media only screen and (max-width: 767px){
	.user-account-operate{padding: 30px 10px 10px 5px;}
	.user-account-cropper #cropper-image{ width: 320px; height: 450px; }
}

/* show-index begin */
.show-index-card{box-shadow: 0 0px 0px 0 rgba(0,0,0,0);}
.show-index-card .card-header-first{padding: 0px;height: auto;background-color: #fff;border: 1px solid #d8dde4; border-radius: 3px; padding: 10px; border-radius: 4px; line-height: 1;}
.show-index-card .card-header-first .card-header-textarea{padding: 10px; border-radius: 4px;}
.show-index-card .card-header-first textarea{height: 100px;overflow-y: hidden;resize: none;border: 0;}
.show-index-card .card-header-second{padding: 5px 0px 5px 20px;overflow: hidden;height: 50px; line-height: 40px;}
.show-index-card .card-header-second .tips{color: #76808e;}
.show-index-card .card-body{padding: 0px 0px 0px 0px;}
.show-index-card .layui-card-body .card-body-item{margin-bottom: 10px;border-bottom: 1px solid hsla(212, 9%, 63%, .2); padding: 10px 20px 10px 20px;background-color: #fff;border-radius: 3px;}
.show-index-card .layui-card-body .card-body-item:last-child{/* border-bottom: 0px; */}
.show-index-card .layui-card-body .card-body-item img{max-width: 100%; box-sizing: border-box; background: #fff; padding: 8px; border: 1px solid #eee; border-radius: 3px;}
.show-index-card .layui-card-body .card-body-item video{max-width: 100%; box-sizing: border-box; background: #fff; padding: 8px; border: 1px solid #eee; border-radius: 3px;}
.show-index-card .layui-card-body .card-body-item .card-body-content{line-height: 2;}
.show-index-card .layui-card-body .card-body-item .card-body-attribute{font-size: 12px;color: #979fa8;margin-top: 15px;}
.show-index-card .layui-card-body .card-body-item .card-body-attribute span{margin: 0px 6px 0px 2px;}
.show-index-card .lph-page{background: #fff;}




.show-detail-card .layui-card-header{padding: 15px;border-bottom: 0;}
.show-detail-card .layui-card-header .lph-list-text{line-height: 26px;padding-left: 10px;}
.show-detail-card .layui-card-header .lph-list-text .lph-list-name{font-size: 16px;line-height: 23px;color: #414952;}
.show-detail-card .layui-card-header .lph-list-text .lph-list-attribute{font-size: 12px;color: #979fa8;}
.show-detail-card .layui-card-header .lph-list-text .lph-list-attribute span{margin-right: 8px;}
.show-detail-card .layui-card-body{border-top: 1px solid hsla(212, 9%, 63%, .2);padding: 20px 40px 40px 40px;}



/* show-index end */




/* wiki begin */
.wiki-index-card .card-header .search-input{padding: 10px 0 10px 0px; font-size: 16px; outline: 0; border: none;}
.wiki-index-card .card-header .search-button{padding: 0 10px 0 10px; background-color: #333; color: #FFF; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; font-size: 16px; text-align: center;}
.wiki-index-card .card-body{padding: 0 0 0 0;}
.wiki-index-card .card-header{height: 320px; background-color: rgba(255, 246, 233, .3); background-image: url(https://dn-coding-net-production-pp.qbox.me/806a1a89-7f5f-49b9-b69b-7727b9c0b03a.png); background-position: center; background-size: cover; background-repeat: no-repeat;}
.wiki-index-card .card-header .search{padding: 120px 10px 0 10px;}
.wiki-index-card .card-header .search .search-label{font-size: 22px; color: #666; font-weight: 700; text-align: center; line-height: 40px;}
.wiki-card-index .card-header .search-icon{padding: 0 10px 0 10px; background-color: #fff; color: #b1b1b1; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.wiki-index-card .card-header .search .search-input input:hover{border: 1px solid #dcdfe6}
.wiki-index-card .card-header .search .search-input input:focus{border: 1px solid #dcdfe6}
.wiki-index-card .card-header .search .el-input-group__append{background-color: #333; color: #fff;}
.wiki-index-card .card-body{max-width: 980px;margin: 0 auto;    padding-top: 80px;}
.wiki-index-card .card-body .card-body-tabs .el-tabs__nav {width: 100%}
.wiki-index-card .card-body .card-body-tabs .el-tabs__item {width: 20%;text-align: center;font-size: 18px;}
.wiki-index-card .card-body .card-body-tabs .el-tabs__header,.el-tabs__nav,.el-tabs__item {border: 0!important;}
.wiki-index-card .card-body .card-body-tabs .el-tabs__content { overflow: visible; }
.wiki-index-card .card-body .card-body-tabs .el-tab-pane{padding: 30px; border: 1px solid #e4e4e4; color: #616161;background-color: #F7F7F7;}

.wiki-category-card.card-header-first{padding: 10px 20px;height: auto;}
.wiki-category-card .card-header-first .card-header-attribute a{padding: 6px 10px;margin-right: 5px;border-radius: 5px;cursor: pointer;border: 1px solid transparent;transition: all .3s;text-decoration: none;color: #333;}
.wiki-category-card .card-header-first .card-header-attribute a:hover{border: 1px solid hsla(212, 9%, 63%, .2);}
.wiki-category-card .card-header-first .card-header-attribute .active{border: 1px solid #f0f2f5;background: hsla(212, 9%, 63%, .2);}
.wiki-category-card .card-header-second{padding: 5px 20px;overflow: hidden;background: #f0f2f5;}
.wiki-category-card .card-header-second a{padding: 6px 10px;margin-right: 5px;}
.wiki-category-card .card-body{padding: 0px 15px 10px 15px;}
.wiki-category-card .layui-card-body .card-body-item{margin-left: 10px;border-bottom: 1px solid hsla(212, 9%, 63%, .2);padding: 10px 5px 10px 5px;}
.wiki-category-card .layui-card-body .card-body-item:last-child{/* border-bottom: 0px; */}
.wiki-category-card .layui-card-body .card-body-item .card-body-attribute{font-size: 12px;color: #979fa8;text-align: right}
.wiki-category-card .layui-card-body .card-body-item .card-body-attribute span{margin: 0px 2px;}
.wiki-category-card .layui-card-body .card-body-item .card-body-attribute .count{margin-right: 5px;background: #f0f2f5;line-height: 5px;padding: 0px 5px 0px 5px;color: #979fa8;}



.wiki-detail-card .layui-card-header{padding: 15px;border-bottom: 0;}
.wiki-detail-card .layui-card-header .lph-list-text{line-height: 26px;padding-left: 10px;}
.wiki-detail-card .layui-card-header .lph-list-text .lph-list-name{font-size: 16px;line-height: 23px;color: #414952;}
.wiki-detail-card .layui-card-header .lph-list-text .lph-list-attribute{font-size: 12px;color: #979fa8;}
.wiki-detail-card .layui-card-header .lph-list-text .lph-list-attribute span{margin-right: 8px;}
.wiki-detail-card .layui-card-body{border-top: 1px solid hsla(212, 9%, 63%, .2);padding: 20px 40px 40px 40px;}



@media only screen and (max-width: 767px){
.wiki-index-card .card-body .card-body-tabs .el-tabs__item {font-size: 14px; }
}


.wiki-index-card .card-body .card-body-tabs #pane-first:before { left: 10%; }
.wiki-index-card .card-body .card-body-tabs #pane-second:before { left: 30%; }
.wiki-index-card .card-body .card-body-tabs #pane-third:before { left: 50%; }
.wiki-index-card .card-body .card-body-tabs #pane-fourth:before { left: 70%; }
.wiki-index-card .card-body .card-body-tabs .el-tab-pane:before {
	    display: inherit;
	left: 10%;
    content: "";
    margin-top: -10px;
    margin-left: -10px;
    bottom: auto;
    right: auto;
    top: 0;
    left: 10%;
    position: absolute;
    width: 1.4em;
    height: 1.4em;
    transform: rotate(135deg);
    background-color: #F7F7F7;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}


.wiki-index-card .card-body .card-body-tabs .feature-box .feature{padding: 12px 0;}
.wiki-index-card .card-body .card-body-item{margin-bottom: 60px;}
.wiki-index-card .card-body .card-body-item .icon-box{text-align: center;}
.wiki-index-card .card-body .card-body-item .icon-box .title{display: block;  font-size: 15px; color: #444; padding: 10px 0;}
.wiki-index-card .card-body .card-body-item .feature-box .nav-feature li{padding: 8px 0;}
.wiki-index-card .card-body .card-body-item .feature-box .nav-feature li .layui-icon{font-size: 12px;}
/* wiki end */



.pet-page{text-align: center;background-color: #fff;}
.pet-page .page-container{margin: 20px 0px 25px 0px;}
.pet-page .page-num-current{color: #fff;border-color: #029789;border-radius: 2px;background-color: #029789;}
.pet-comment{background: #fff;height: auto;}
.pet-comment .comment-textarea{padding: 20px 20px 10px;}
.pet-comment .comment-button{padding: 0px 20px 10px;overflow: hidden;}
.pet-comment .comment-button button{float: right;}
.pet-comment .comment-list{padding: 0px 20px 20px 20px;border-top: 1px solid hsla(212, 9%, 63%, .2);}
.pet-comment .comment-item{padding: 15px 0px 5px 0;margin-left: 1px;border-top: 1px solid hsla(212, 9%, 63%, .2);}
.pet-comment .comment-item:first-child{border-top: 0px;}
.pet-comment .comment-item-header img{float: left;height: 49px;width: 49px;border-radius: 4px;}
.pet-comment .comment-item-header .header-attribute{color: #979fa8;float: left;font-size: 12px;line-height: 24px;}
.pet-comment .comment-item-header .header-attribute span{margin-right: 8px;}
.pet-comment .comment-item-header .header-attribute .nickname{font-size: 14px;text-decoration: none;cursor: pointer;margin-left: 5px;float: left;padding: 5px 0px 5px 0px;line-height: 14px;}
.pet-comment .comment-item-header .header-attribute .creattime{font-size: 12px;text-decoration: none;cursor: pointer;margin-left: 5px;float: left;}
.pet-comment .comment-list .comment-item-body{line-height: 26px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;margin-left: 5px;}
.pet-comment .comment-list .comment-item-body .body-text{font-size: 12px;line-height: 23px;color: #414952;}
.pet-comment .comment-list .comment-item-operate{margin-top: 10px;float: right;}
.pet-comment .comment-list .comment-item-operate span{margin-right: 15px;}
.pet-comment .comment-list .comment-item-operate .iconfont span{margin: 0px 5px;}
@media only screen and (max-width: 767px){
	.pet-comment .comment-textarea{padding: 20px 10px 10px;}
	.pet-comment .comment-button{padding: 0px 10px 10px;overflow: hidden;}
}



/*lph-right begin */
.lph-right{padding-left: 15px;}
@media only screen and (max-width: 767px){
	.lph-right{padding-left: 0px;}
}
/*lph-right_lph-card-1 begin */
.aside-card-1{margin-bottom: 20px;background: #FFFFFF;padding: 10px 20px 20px 20px;}
.aside-card-1 .layui-card-header h3{display: inline-block;}
.aside-card-1 .layui-card-header a{float: right;font-size: 12px;padding-top: 5px;color: #9d9d9d;}
.aside-card-1 .layui-card-header{border-bottom: solid 2px #D6D6D6;position: relative;line-height: 37px;padding: 0;}
.aside-card-1 .layui-card-body{padding: 0;}
.aside-card-1 .lph-list{height: auto;line-height: 22px;padding: 10px 0;border-bottom: 1px dotted #e2e2e2;}
.aside-card-1 .lph-list-img{overflow: hidden;max-height: 80px;display: flex;align-items: center;}
.aside-card-1 .lph-list-text{padding-top: 5px;padding-left: 20px;}
.aside-card-1 .lph-list-title{color: #333333;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;}
.aside-card-1 .lph-list-img img{width: 100%;}
.aside-card-1 .lph-list-desc{color: #888;font-size: 12px;line-height: 20px;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*lph-right_lph-card-1 end */
/*lph-right_lph-card-2 begin */
.aside-card-2{margin-bottom: 20px;background: #FFFFFF;padding: 10px 20px 20px 20px;}
.aside-card-2 .layui-card-header h3{display: inline-block;}
.aside-card-2 .layui-card-header a{float: right;font-size: 12px;padding-top: 5px;color: #9d9d9d;}
.aside-card-2 .layui-card-header{border-bottom: solid 2px #D6D6D6;position: relative;line-height: 37px;padding: 0;}
.aside-card-2 .layui-card-body{padding: 0;}
.aside-card-2 .lph-list{height: auto;line-height: 22px;padding: 10px 0;border-bottom: 1px dotted #e2e2e2;}
.aside-card-2 .lph-list-img{overflow: hidden;max-height: 80px;}
.aside-card-2 .lph-list-text{padding-left: 10px;}
.aside-card-2 .lph-list-name{font-size: 14px;overflow: hidden;padding-right: 5px;}
.aside-card-2 .lph-list-title{margin-top: 5px;color: #888;font-size: 12px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.aside-card-2 .lph-list-desc{margin-top: 5px;font-size: 12px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #272322;}
/*lph-right end */
/* login begin */
.layui-tab-login{margin-bottom: 15px;border-radius: 2px;background-color: #fff;padding: 5px 20px;}
/* login end */
/* footer begin */
footer{margin-top: 30px;}
footer *{color: #8796A8;}
footer .first-footer{background: #273444;color: #8796A8;}
footer .first-footer .layui-container{padding-top: 50px;padding-bottom: 50px;}
.footer-menu-head{opacity: .9;color: #EFF2F7;font-size: 16px;line-height: 24px;}
.footer-menu-list{margin-top: 1.5rem;}
.footer-menu-list li{margin-top: 15px;}
.footer-menu-list li a{color: #8796A8;font-size: 14px;margin-top: 12px;}
footer .second-footer{background: #1f2d3d;line-height: 40px;}
footer .footer-contact{text-align: center;}
footer .footer-contact{text-align: center;}
footer .footer-contact img[class=logo]{height: 30px;}
footer .footer-copyright{text-align: center;padding: 10px 0;}
footer .fork-bar{position: fixed; bottom: 0; left: 0; z-index: 999; padding: 8px 0; width: 100px; background-color: #181a29; color: #fff; transform: translate3d(-28px, -6px, 0) rotate(45deg); text-align: center;}
@media only screen and (max-width: 767px){footer .first-footer .layui-container{padding: 0;display: flex;flex-direction: column-reverse;}footer .footer-menu{padding-bottom: 30px;padding-left: 50px;}footer .footer-menu-item{margin-top: 50px;}footer .footer-contact{text-align: center;padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #667280;}footer .footer-contact img[class=logo]{height: 60px;}}
/* footer end */